
.search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px;
  border-Bottom: 1px solid rgb(252, 189, 189);
 background-color: red;
}
.search .inp g{
  color: red;
}
.search .inp{
  height: 40px;
  outline: none;
  padding-left: 10px;
  border: 0;
  flex: 1;
}
/* .search .sear{
  height: 40px;
  width: 40px;
  outline: none;
  background-color: #fff;
  padding-left: 10px;
  flex: 1;
} */

.search .as a{
  display: block;
  width: 32px;
  text-align: center;
  color: #000;
  text-decoration: none;
  margin: 10px;
  display: flex;
  flex-direction: column;
}
.search .as img{
  background-color: red;
  width: 25px;
  height: 25px;
  display: flex;
  flex-direction: column;
    align-items: center;
}


.entrance{
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.entrance div{
  width: 20%;
  text-align: center;
}
.entrance .item img{
  width: 50px;
  height: 50px;
}


.bottom{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 70px;
  width: 100%;
  background-color: rgb(243, 243, 243);
   position: fixed;
  bottom: 0;
  
  
}
.bottom div{
  width: 20%;
  text-align: center;
  
}
.bottom a{
  text-decoration: none;
  color: #000;
}
.bottom  .active{
  color: red;
}
.bottom div p{
  margin: 0;
  padding: 0;
}
.bottom div img{
  width: 30px;
  height: 30px;

}




.select .selectList{
  display: flex;
  justify-content: space-between;
  align-items: center;  
  padding: 20px;
}
.select .selectList .active{
  color: red;
}

.select .list{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  line-height: 40px;
}

.select .list  img{
  width: 150px;
  height: 150px;
}



.classify{
  display: flex; 
}
.classify .list{
  flex: 1;
  width: 100px;
  display: flex;
 justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 20px 0;
 
}

.classify .side{
  display: flex; 
  align-items: center;
  width: 100px;
  flex-direction: column;
  line-height: 45px;

}
.classify .list{
  display: flex; 
  justify-content: space-between;
  align-items: center;
  
}
.side .btn{
  width: 60px;
  height: 45px;
}
.classify .btn.active{
  color: red;
}

.classify .list .item{
  display: flex; 
  flex-wrap: wrap;
  justify-content: space-between;
  width: 33%;
  align-items: center;
}
.classify .side{
  text-align: center;
  background-color: rgb(243, 243, 243);
}
.classify .list .item img{
  width: 50%;
  margin: 0 auto;
}
.classify .list .item span{
  text-align: center; 
  margin: 0 auto;
}



/* .carousel{
  height: 250px;
  background-color: red;
} */


.notice .as a{
  text-align: center;
  color: red;
  text-decoration: none;
  margin: 10px;
  line-height: 40px;
}

.time{
  display: flex;
  justify-content: space-between;
  align-items: center;  
  padding: 20px;
  background-color: red;
  height: 150px;
}

.commo .commoList{
  display: flex;
  justify-content: space-between;
  align-items: center;  
  padding: 20px;
}
.commo .commoList .active{
  color: red;
}

.commo .list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px;
}
.commo .list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  line-height: 40px;
}
.commo .list  img{
  width: 100%;
  width: 100px;
  height: 100px;
}
.commo .list .item :nth-child(2){
  font-size: 16px;
  padding: 0;
  margin-top: 0;
}
.commo .list .item :nth-child(3){
  font-size: 14px;
  color: red;
  padding: 0;
  margin: 0;
  line-height: 16px;
  background-color: rgb(255, 210, 210);
  width: 70%;
}
.commo .list .item :nth-child(4){
  font-size: 16px;
  color: red;
  padding: 0;
  margin: 0;
}



.aarticulars img{
  height:300px;
  width:100%;
}
.aarticulars .opes{
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px 0;
  background-color: rgb(243, 243, 243);
}


.aersonage .info{
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 20px 0;
}
.aersonage .info .block{
  text-align: center;
}

.collect{
  margin: 10px;
}
.collect .list .item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.collect .list .item img{
  width: 160px;
  margin-right: 10px;
}
.collect .list .item .text{
  flex: 1;
}

.content {
  height: 120px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  user-select: none;
}
.ahopping{
  margin: 10px;
}
.ahopping .list .item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.ahopping .list .item img{
  width: 160px;
  margin-right: 10px;
}
.ahopping .list .item .text{
  flex: 1;
}


.alassify .search{
  background: #fff;
}
.alassify .tou{
font-size: 22px;
font-weight: 1000;
text-align: center;
}